{% load static %}
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>注册-空气污染数据可视化平台</title>
    <meta name="description" content="注册-空气污染数据可视化平台">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="{% static 'css/font-awesome.min1.css' %}">
    <link rel="stylesheet" href="{% static 'css/simple-line-icons1.css' %}">
    <link rel="stylesheet" href="{% static 'css/linea-basic1.css' %}">
    <link rel="stylesheet" href="{% static 'css/countrySelect.min1.css' %}">
    <link rel="stylesheet" href="{% static 'css/perfect-scrollbar1.css' %}">
    <link rel="stylesheet" href="{% static 'css/bootstrap.min1.css' %}">
    <link rel="stylesheet" href="{% static 'css/presets1.css' %}">
    <link rel="stylesheet" href="{% static 'css/style1.css' %}">
    <link rel="stylesheet" href="{% static 'css/pages.css' %}">
    <link rel="stylesheet" href="{% static 'css/responsive.css' %}">
</head>
<body>
<div class="admin-register d-flex align-content-center flex-wrap">
    <div class="container">
        <div class="register-content bg-light">
            <div class="register-logo pt-4 pb-3 background-bg" data-image-src="../images/we.jpg">
                <p class="mt-2 mb-0 color-white">空气污染数据可视化平台</p></div>
            <div class="register-form">
                <form action="{% url 'user:register' %}" method="post">
                    {% csrf_token %}
                    <div class="form-group">
                        <p>用户名</p>
                        <input type="text" class="form-control" placeholder="User Name" name="username">
                    </div>
                    <div class="form-group">
                        <p>密码</p>
                        <input type="password" class="form-control" placeholder="Password" name="password">
                    </div>
                    <div class="form-group">
                        <p style="color:red;">
                            {{ message }}
                        </p>
                    </div>
                    <button type="submit" class="btn btn-primary btn-flat mb-3 mt-3">注册</button>
                    <div class="register-link mt-1 text-center">
                        <p>已经有账户 ? <a href="{% url 'user:login' %}">去登录</a></p>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>